<template>
	<view class="teahouse-box" :class="className">
		<view class="teahouse">
			<slot></slot>
		</view>
	</view>
</template>

<script setup>
	defineProps({
		className:{
			type:String,
			default:''
		}
	})
</script>

<style scoped lang="scss">
	.teahouse-box {
		background: linear-gradient(180deg, rgba(58, 133, 47, 1), rgba(58, 133, 47, 0));
		border-radius: 16rpx;
		opacity: 1;
		// border: 2rpx solid;
		padding: 2rpx;
		// border-image: linear-gradient(180deg, rgba(58, 133, 47, 1), rgba(58, 133, 47, 0)) 2 2;
		.teahouse {
			width: 100%;
			height: 100%;
			background: linear-gradient(180deg, #F4F9F3 0%, #FFFFFF 100%);
			border-radius: 16rpx;
		}
	}
</style>